let left=document.querySelector('.left')
let right=document.querySelector('.right')
let page=document.querySelectorAll('.page')
let key=1
let btnNumber=10
//生成按钮
let Btn=(i,h,btnNumber)=>{
    //判断左右按钮是否显示
    if(h==1)left.classList.add('none')
    else left.classList.remove('none')

    if(h==i||i==0)right.classList.add('none')
    else right.classList.remove('none')
    //判断如果按钮数小于10
    if(i<=btnNumber){
        for(let j=i;j<10;j++){
            page[j].classList.add('none')
        }
        for(let j=0;j<i;j++){
            page[j].classList.remove('none')
        }
        for(let j=1;j<=i;j++){
            if(h==j){
                page[j-1].innerHTML=j
                page[j-1].classList.add("backColor")
            }else{
                page[j-1].innerHTML=j
                page[j-1].classList.remove("backColor")
            }
        }
    }
    //判断按钮数如果大于10，且小于6
    if(i>10&&h<6){
        for(let j=1;j<=btnNumber;j++){
            if(j==h){
                page[j-1].innerHTML=j==btnNumber-1?"...":j&&j==btnNumber?i:j
                page[j-1].classList.add("backColor")
            }else{
                page[j-1].innerHTML=j==btnNumber-1?"...":j&&j==btnNumber?i:j
                page[j-1].classList.remove("backColor")
            }
        }
    }
    //判断按钮数如果大于10，且大于6，且小于最大值-6
    if(i>btnNumber&&h>=6&&h<i-4){
        for(let j=1;j<=btnNumber;j++){
            if(h-(5-j)==h){
                page[j-1].innerHTML=(j==2||j==btnNumber-1)?"...":h-(5-j)&&j==btnNumber?i:h-(5-j)&&j==1?1:h-(5-j)
                page[j-1].classList.add("backColor")
            }else{
                page[j-1].innerHTML=(j==2||j==btnNumber-1)?"...":h-(5-j)&&j==btnNumber?i:h-(5-j)&&j==1?1:h-(5-j)
                page[j-1].classList.remove("backColor")
            }
        }
    }
    if(i>btnNumber&&h>=6&&h>=i-4){
        for(let j=1;j<=btnNumber;j++){
            if(i-(10-j)==h){
                page[j-1].innerHTML=(j==2?"...":i-(btnNumber-j)&&j==1?1:i-(btnNumber-j))
                page[j-1].classList.add("backColor")
            }else{
                page[j-1].innerHTML=(j==2?"...":i-(btnNumber-j)&&j==1?1:i-(btnNumber-j))
                page[j-1].classList.remove("backColor")
            }
        }
    }
}
// let ans=6//一共多少页
// Btn(ans,key,btnNumber)//默认第一页
// for(let i=0,len=10;i<len;i++){
//     page[i].addEventListener('click',function(){
//         if(page[i].innerHTML!='...'){
//             key=page[i].innerHTML
//             Btn(ans,key,btnNumber)
//         }
//     })
// }

// //左
// left.addEventListener('click',function(){
//     key--
//     Btn(ans,key,btnNumber)
// })
// //右
// right.addEventListener('click',function(){
//     key++
//     Btn(ans,key,btnNumber)
// })